<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" href="images/back.ico" type="image/x-icon" />
<link rel="icon" href="images/back.ico" type="image/x-icon"/>

<title>backstageweb.it</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

</head>

<body id="home">

<div id="page">
	<div id="row1">
	    <div class="col-sx left">
        	<div class="shadow-box">
                <div id="box-bk">
                	<div id="logo">
                    <img src="images/logo.png" alt="logo backstageweb.it" />
                    </div>
                    <p id="p-iva">
                    Partita IVA: 0000000000000000<br />
                    Sede legale: piazza del popolo - Ascoli Piceno
                    </p>
                    <ul class="fix-ul">
                    	<li id="mmhhhh" class="left"><span id="anno">2009</span><span id="mese">marzo</span></li>
                    	<li id="giorno" class="right">03</li>
                    </ul>
                    
                    <ul class="fix-ul">
                    	<li id="contatti" class="left"><a class="feed" href="#" title="iscriviti al feed"></a><a class="mail" href="#" title="invia una mail"></a></li>
                       
                      <li id="entra" class="right"><a href="#" title="entra">ENTRA</a></li>
                  </ul>
					
<!--                    	<p id="direttore">Diretto da: <a href="#">Nome Cognome</a></p>
-->                                    
                </div>
            </div>
        </div>
        <div class="col-dx right">
        	<div class="shadow-big">
                <div id="photo-home">
                    <img class="photo" src="images/foto-prova_03.jpg" alt="primo piano" />
                    <img class="grid" src="images/griglia_03.gif" alt="griglia photo" />
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div id="row2">
	    <div class="col-sx left">
              <ul id="social">
              	<li><a class="delicious" href="#" title="delicious"></a></li>
              	<li><a class="twitter" href="#" title="twitter"></a></li>
               	<li><a class="facebook" href="#" title="facebook"></a></li>
              	<li><a class="vimeo" href="#" title="vimeo"></a></li>
              	<li><a class="flickr" href="#" title="flickr"></a></li>
              	<li><a class="digg" href="#" title="digg"></a></li>
              	<li><a class="thecnorati" href="#" title="thecnorati"></a></li>
              	<li><a class="youtube" href="#" title="youtube"></a></li>

              </ul>
      </div>
        <div id="titoli" class="col-dx left">
        	<h1><a href="#" title="titolo articolo">Titolo prova dell'articolo, si è una prova dell'articolo.</a></h1>
          <h2>Questo è il sottotitolo della foto che dovrà essere lungo quanto meno un paio di righe, per rendere meglio l’idea grafica che vogliamo dare...</h2>
            <div id="comments">
            	<span>commenti</span>
                <a href="#">01</a>
              </div>
                <ul class="info">
                    <li>Incontro di: <a href="#">Nome Cognome</a></li>
                    <li>Fotografie: <a href="#">Nome Cognome</a></li>
                    <li>Email Reference: <a href="#">email@email.com</a></li>
                </ul>
        </div>
    </div>
    
    <div id="footer">
    </div>

</div>

</body>
</html>
